<?= doctype('xhtml1-trans') ?>
<html xmlns="http://wwww.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title><?= WEB_NAME ?></title>
    <!--基本样式-->
    <?= css(array(
        'bootstrap/bootstrap.css',
        'style.css',
        'responsive.css',
        'font-awesome/font-awesome.css',
    )) ?>

    <!--基本js-->
    <?= js(array(
        'jquery/lib/jquery.js',
        'bootstrap/lib/bootstrap.js',
        'jquery/jquery-validate/jquery.validate.js',
    )) ?>
</head>

<body class="error-body no-top  pace-done">
    <div class="pace  pace-inactive">
        <div class="pace-progress" style="width: 100%;" data-progress-text="100%" data-progress="99">
            <div class="pace-progress-inner"></div>
        </div>
        <div class="pace-activity"></div>
    </div>
    <div class="container">
      <div class="row login-container column-seperation">  
            <div class="col-md-5 col-md-offset-1">
                <div class="profile-wrapper">
                    <img width="69" height="69" src="<?= IMG_DOMAIN.'icon/preferences_desktop_cryptography.png' ?>">
                </div>
              <h2>登录到 <?= WEB_NAME ?></h2>
              <p>输入用户名和密码.<br>
                <a href="#">忘记密码了？</a>
              </p>
              <br>
              <br>
              <br>
              <br>
              <br>
              <br>
            </div>
            <div class="col-md-5 ">
             <form id="form-login" method="post" action="<?= DOMAIN.'home/login' ?>" class="login-form">
             <div class="row">
             <div class="form-group col-md-10">
                <? if($error): ?>
                    <div class="alert alert-error">
                        <button data-dismiss="alert" class="close"></button>
                        <?= $error ?>
                    </div>
                <? endif ?>
                <label class="form-label">用户名</label>
                <div class="controls">
                    <div class="input-with-icon  right">                                       
                        <i class=""></i>
                        <input type="text" class="form-control" name="username" value="<?= $username ?>" required />
                    </div>
                </div>
              </div>
              </div>
              <div class="row">
              <div class="form-group col-md-10">
                <label class="form-label">密码</label>
                <span class="help"></span>
                <div class="controls">
                    <div class="input-with-icon  right">                                       
                        <i class=""></i>
                        <input type="password" class="form-control" name="password" value="" required />
                    </div>
                </div>
              </div>
              </div>
              <div class="row">
              <div class="control-group  col-md-10">
                <div class="checkbox checkbox check-success"> &nbsp;&nbsp;
                  <input name="remember" type="checkbox" value="1" id="remember" <?= $remember === TRUE ? "checked=checked" : "" ?>>
                  <label for="remember">记住用户名 </label>
                </div>
              </div>
              </div>
              <div class="row">
                <div class="col-md-10">
                  <button type="submit" class="btn btn-primary btn-cons pull-right">登录</button>
                </div>
              </div>
              </form>
            </div>
      </div>
    </div>
</body>

<script type="text/javascript">
        $("#form-login").validate();
</script>
</html>